<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>
<%
String regionId = (String)request.getParameter("regionId");
String regionName = (String)request.getParameter("regionName");
if(regionId!=null){
	regionId=Base64.decode(regionId);
}else{
	regionId = "";
}
if( regionName == null ){
	regionName = "";
}
%>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
	var in_regionId = '<%=regionId%>';
	var in_regionName = '<%=regionName%>';
	if( in_regionName != null && in_regionName.length != 0 ){
		in_regionName = decodeURIComponent(in_regionName);
	}
	requires(["laydate","echarts", "zhly","customselect","/zhly/analysis_come.js"]);
</script>
<!-- <script type="text/javascript"
    src="http://api.map.baidu.com/api?v=2.0&ak=SyHQoSmKTcFdVA3iX4iIMGj3"></script>
<script src="zrender-master/doc/example/www/js/esl.js"></script>
<script src="echarts-2.0.4/doc/example/www2/js/echarts-plain.js"></script>
<script src="echarts-2.0.4/doc/example/www2/js/echarts-plain-map.js"></script>
<script src="zrender-master/doc/example/www/js/zrender-original.js"></script>
<script type="text/javascript">
//初始化地图
var BMapExt = new BMapExtension(domMain, BMap, require('echarts'), require('zrender'));
var map = BMapExt.getMap();
var point = new BMap.Point(startPoint.x, startPoint.y);
map.centerAndZoom(point, 5);
</script> -->
<script type="text/javascript" src="../common/js/geoMapInfo.js"></script>
<style>
	.switchGraph{ width: 160px; height: 24px; border:1px solid #4ecaee; border-radius: 3px; overflow: hidden; margin-top:2px;}
	.switchGraph span{float:left;width:50%; height: 24px; line-height: 24px;color: #4ecaee;text-align: center; cursor: pointer;}
	.buttonOn{ background-color: #4ecaee; color: #fff !important;}
</style>
</head>

<body>

<div class="index_content">

	<!--content begin-->
	<div class="content">
		<div class="box blankBox">
			<div class="left_titleBox">
				<!--标题 begin-->
				<div class="select_top">
					<a class="but_backa" onclick="history.go(-1)"></a>
					<div class="select_pre">
						<span>区域</span>
						<p id="citySelect" class="hasCitySelect"><span id="citySelectSpan"></span><b class="click_arrow"></b></p>
						<ul class="select_content" id="cityListInfo">
						</ul>
					</div>
				
					<div class="select_pre">
						<span>景区类型</span>
						<p id="regionTypleSelect" class="hasRegionTypleSelect"><span id="regionTypleSpan"></span><b class="click_arrow"></b></p>
						<ul id="regionTypleInfo" class="select_content">
						</ul>
					</div>
				
					<div class="select_pre">
						<span style="margin-right: 24px;">景区</span>
						<div id="divselect" class="divselect">
						<input id="divselectInput" type="text" value="搜索景区，请输入名称" focusstatus="true" class="hasRegionList">
						<ul style="width: 140px;margin-top: 2px;" id="RegionListInfo" class="select_content">
						</ul>
						</div>
						<input id="inputselect" value="" style="display: none">
						<select id="selectId" style="display: none;"></select>
					</div>
					<div class="select_pre select_date">
						<input  checked="checked"  type="radio" name="dataTimeType" value="day" />
						<b>日</b>
						<input  type="radio" name="dataTimeType" value="month"/>
						<b>月</b>
					</div>
					<div class="select_pre" id="dateTime">
						<span>开始时间</span>
						 <div id="dayStartDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;">
						  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" type="text" id="dayStart" />
						  <label for="dayStart"><b class="calendar"></b></label>
				 		</div>
				 		<div id="monthStartDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px; display: none;">
						  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" name="" type="text" id="monthStart" />
						  <label for="monthStart"><b class="calendar"></b></label>
				 		</div>
					</div>
					<div class="select_pre" id="dateTimeEnd">
						<span>结束时间</span>
						 <div id="dayEndDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;">
						  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" type="text" id="dayEnd" />
						  <label for="dayEnd"><b class="calendar"></b></label>
				 		</div>
				 		<div id="monthEndDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;display: none;">
						  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" name="" type="text" id="monthEnd" />
						  <label for="monthEnd"><b class="calendar"></b></label>
				 		</div>
					</div>
				
					<!-- <div class="select_pre">
						<span>结束时间</span>
						<p>2016-04-29<b class="calendar"></b></p>
					</div> -->
				
					<button type="submit" class="select_button">查 询</button>
				</div>
				<!--标题 end-->
			</div>
             <!--分析 -->
			<div class="box_analysis">
               <!--时间选择 -->
				<div class="titlename_analysis">				
				</div>
               <!--时间选择 end-->
  			   <!--来源分析 begin-->
				<div style="height: 560px">
					<div class="source_analysis_dl">
						<h1>
							总游客数：<em id="totalTouristNum"></em><span class="f14">人数</span>
						</h1>
						<div id="regionPieChartsDiv" style="height: 244px;">
						</div>
						<div class="src_top6">
							<div class="src_top6_select">
							<!-- <select style="font-size:15px;color:blue;border:0">
							<option value="1">省外来访省份排名TOP6</option>
							<option value="2">省内来访省份排名TOP6</option>
							<option value="3">境外来访省份排名TOP6</option>
							</select> -->
								<div class="src_top6_shwselect">
									<span class="topTitle" id="showTopTitle">省外来访省份排名TOP6</span>
									<div class="src_top6_hidselect">
										<span class="topTitle" id="hideTopTitle">省内来访地市排名TOP6</span>
										<p class="topTitle" id="hideTopTitle2">境外来访国家排名TOP6</p>
									</div>
									
								</div>
							</div>
							<ul id="sourceRankTable">

							</ul>
						</div>
					</div>
					
					<div class="source_analysis_d">
						<!-- <div style="float:left;margin-left:10px;margin-top:10px;">
							<button class="funcButton" disabled="disabled" id="showBarBtn">柱状图显示</button>
							<button class="funcButton" id="showMapBtn">地图显示</button>
						</div> -->
						<div style="float:right;margin-right:90px;padding-top:8px;">
							<a id="toDetailUrl" class="src_top6_dtls" href="##" target="main" style="color:#4ecaee;">查看详情>>></a>
						</div>
						<div class="switchGraph">
							<span class="funcButton buttonOn" id="showMapBtn">地图显示</span>
							<span class="funcButton " id="showBarBtn">柱状图显示</span>
						</div>
						
						<div id="regionMapChartsDiv" style="height:530px;"></div>
					</div>
				</div>
				<!--来源分析 end-->
            </div>
		</div>
	</div>
	<!--content end-->
</div>

</body>
</html>
